//  刻度表切换
document.querySelector('.no_gdp').addEventListener('click', function () {
  this.style.display = 'none'
  document.querySelector('.no_industry').style.display = 'block'
})
document.querySelector('.no_industry').addEventListener('click', function () {
  this.style.display = 'none'
  document.querySelector('.no_gdp').style.display = 'block'
  // this.transition = '1s'
})
// tab栏切换
let world_lis = document.querySelectorAll('.world li')
let world_chart = document.querySelectorAll('.world .chart')
for (let i = 0; i < world_lis.length; i++) {
  world_lis[i].addEventListener('mouseover', function () {
    document.querySelector('.world_current').classList.remove('world_current')
    this.classList.add('world_current')
    // console.log(i)
    document.querySelector('.world_chart_current').classList.remove('world_chart_current')
    world_chart[i].classList.add('world_chart_current')


    // document.querySelector('.bar .chart').classList.add('world_chart_current')

  })

}

let money_lis = document.querySelectorAll('.money li')
let money_chart = document.querySelectorAll('.money .chart')
for (let i = 0; i < money_lis.length; i++) {
  money_lis[i].addEventListener('mouseover', function () {
    document.querySelector('.money_current').classList.remove('money_current')
    this.classList.add('money_current')
    // console.log(i)
    document.querySelector('.money_chart_current').classList.remove('money_chart_current')
    money_chart[i].classList.add('money_chart_current')
  })

}

// button 
// for(let i=0;i<=2;i++){
  document.querySelector('button').addEventListener('click', function (e) {
    let i=-1
     const arr=[
     'url(./images/bg_p.png)'
    ]
    let img=document.querySelector('body')
    i = (i + 1) % arr.length;
  //  i++
    img.style.backgroundImage=arr[i]
   })
// }
